<template>
  <el-date-picker
    v-model="selectedDate"
    type="date"
    :placeholder ="placeholder"
    :disabled-date="disabledDate"
    format="YYYY-MM-DD"
    value-format="YYYY-MM-DD"
  ></el-date-picker>
</template>

<script>
export default {

	props: {
    holidays: Array,
    placeholder:String
  },
  data() {
    return {
      selectedDate: null,
      // 假设的国际假期列表（可以根据实际情况调整）
      // holidays: [
      //   '2025-01-01',  // 新年
      //   '2025-12-25',  // 圣诞节
        // 可以继续添加其他国际假期
      // ],
    };
  },
  methods: {
    // 禁用非交易日（周末和假期）
    disabledDate(date) {
      const day = date.getDay();
      const dateString = this.formatDate(date);
      
      // 禁用周六和周日
      if (day === 0 || day === 6) {
        return true;
      }

      // 禁用假期
      if (this.holidays.includes(dateString)) {
        return true;
      }

      return false; 
    },

    // 格式化日期为 yyyy-MM-dd 形式
    formatDate(date) {
      const year = date.getFullYear();
      const month = (date.getMonth() + 1).toString().padStart(2, '0');
      const day = date.getDate().toString().padStart(2, '0');
      return `${year}-${month}-${day}`;
    },
  },
};
</script>